<template>
  <div class="box">
    <!-- <el-button @click="Create">重新生成实体</el-button> -->
    <!-- <basic-template /> -->
    <el-row :gutter="10">
      <el-col :span="12">
        <UserInfo />
        <TodoList />
      </el-col>
      <el-col :span="12">
        <Calendar />
      </el-col>
    </el-row>
    <!-- <Card /> -->
    <!-- <Charts /> -->
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
import UserInfo from './components/userInfo.vue'
import TodoList from './components/todoList.vue'
import Calendar from './components/calendar.vue'
import Card from './components/card/index.vue'
import Charts from './components/charts/index.vue'
import { createEntity } from "@/api/user";
import { ElMessage } from "element-plus";
export default defineComponent({
  components: {
    Card,
    Charts,
    TodoList,
    Calendar,
    UserInfo,
  },
  setup() {
    const Create = () => {
      createEntity().then((res) => {
        // console.log(res);
        ElMessage({
          type: "success",
          message: "生成成功",
        });
      })
    }
    return {
      Create
    };
  }
})
</script>

<style lang="scss" scoped>
.box {
  padding: 15px;
}
</style>